@charset "utf-8";
*{padding:0px;margin: 0px}
a{text-decoration: none;outline: none;}
img{border: none;}
ul,ol{list-style: none;}

#top{
    width: 1000px;margin: 0 auto;padding-top: 20px;overflow: hidden;
    .logo{width: 190px;height: 80px;float: left;img{width: 190px;height: 80px;}}
    .middle{
        width: 452px;height: 24px;float: left;margin-left: 80px;background: url(../../Index/img/indentNav_bg.gif) no-repeat;margin-top: 20px;
        li{
            width:150px;color: #CCCCCC;padding-top: 28px;font-weight: 700;height: 24px;line-height: 24px;float:left;text-align: center;font-size: 14px;
        }
        .cur{color: #7ABD54;}
    }
    .right{float: right;}   
}
#info{
    width: 1000px;margin: 0px auto;
    .chk{
        width: 1000px;height: 40px;line-height: 40px;color: #6C6C6C;
        .tt{font-size: 18px;color: #3C3C3C;font-weight: 700;padding-right: 40px;float: left;}
        .info{
            
            .btn{display: inline-block;padding: 5px 10px;border: 1px solid #D9D9D9;line-height: 18px;border-radius: 3px;color: #6C6C6C;}
        }
    }
    .title{height: 34px;width: 998px;border: 1px solid #FFDBC1;background: #FFF9F3 url(../../Index/img/gwc_04.jpg) no-repeat;text-indent: 3em;line-height: 34px;margin-bottom: 10px;}
    .hd-form{
        border:1px solid #DCDCDC;
        td{
            background: #FFFDF1;border-bottom: 1px solid #DCDCDC;text-align: center;
            span{cursor: pointer;}
            i{font-style: normal;color: #F22800;}
            img{width: 60px;height: 70px;}
            a{width: 240px;line-height: 25px;}
            a:hover{color: #F22800;}
        }
        .goods_name{text-align: left;a{padding-left: 20px;}}
    }
    .count{
        width: 998px;border: 1px solid #DCDCDC;overflow: hidden;line-height: 30px;border-top: none;
        .right{
            width: 300px;float: right;color: #6C6C6C;
            #totalNum{color: #F22800;}
            strong{width: 140px;text-align: right;display: inline-block;float: right;margin-right: 30px;height: 30px;font-weight: 400;}
        }
    }
    .account{
        color: #F22800;text-align: right;padding-right: 30px;border: 1px solid #DCDCDC;border-top: none;background: #FAFAFA;height: 50px;line-height: 50px;
        strong{color: #3C3C3C;font-size: 14px;}
        #totalPrice{color: #F22800;font-size: 26px;}
        #totalPrice2{color: #F22800;font-size: 26px;}
    }
    .last{
        padding: 20px 0px;line-height: 35px;overflow: hidden;
        a{display: block;float: left;padding: 0px 30px;background: #FBFBFB;border: 1px solid #D9D9D9; border-radius: 4px;color: #6C6C6C;font-size: 15px;font-weight: 700;}
        .continue:hover{background: #F7F7F7;}
        .next{float: right;background: #FF4400;border-color: #FF4400;color: #FFFFFF;}
        .next:hover{background: #F22800;}
    }
}
#null{
    width: 1000px;height: 200px;border: 1px solid #DCDCDC;background: #FAFAFA url(../img/gouwudai.gif) no-repeat 160px 70px;margin: 30px auto;padding-top: 50px;
    p{text-indent:260px;color: #6C6C7E;padding-top: 20px;}
    .one{font-weight: 700;font-size: 14px;}
    .two{
        a{color: #CC9933;}
    }
}

#shade{
    position: fixed;top: 0px;left: 0px;right:0px;bottom: 0px;background: #000000;opacity: 0.5;z-index: 500;display: none;
    .background{width: 435px;height: 530px;background: #808080;position: absolute;top: 50px;left: 455px;opacity: 0.2;border-radius: 3px; }
}
#loginReg{
    position: fixed;top:60px;left: 465px;background: #FFFFFF;width: 415px;height: 510px;z-index: 501;display: none;
    .title{
        width: 415px;height: 40px;background: #FAFAFA;border-bottom:1px solid #F4F4F4;
        strong{font-size: 14px;float:left;padding:14px 0px 0px 10px;line-height: 15px;}
        .close{width: 20px;height: 20px;display: block;position: absolute;top: 8px;right: 10px;line-height: 20px;border: 1px solid #FAFAFA;text-align: center;color: #808080;font-size: 15px;font-weight: 700;font-family: "微软雅黑";}
        .close:hover{border-color: #EE8627;background: #F1DDC5;color: #ED9210;}
    }
    .info{
        padding: 22px 15px 25px;width: 385px;
        .tab{
            width: 385px;height: 39px;border-bottom: 1px solid #EDEDED;font-size: 14px;text-align: center;
            .tabBtn{width: 136px;height: 38px;float: left;display: block;color: #333333;border-left: 1px solid #EDEDED;border-top: 1px solid #EDEDED;border-bottom: 1px solid #EDEDED;line-height: 40px;background: #FAFAFA;font-weight: 700;}
            .tabBtn:hover{color: #FF5B22;}
            .loginBtn{margin-left: 40px;}
            .regBtn{border-right: 1px solid #EDEDED;}
            .cur{border-top: 2px solid #FC4501;height: 37px;border-bottom-color: #FFFFFF;background: #FFFFFF;}
        }
        #regForm{display: none;}
        #loginForm{
            [name="username"]{background: url(../img/username.jpg) no-repeat 8px 11px;}
            [name="password"]{background: url(../img/password.jpg) no-repeat 8px 11px;}
        }
        .con{
            width: 300px;margin: 0px 40px;
            .line{
                width: 300px;height: 40px;margin-top: 30px;border: none;color: #6C6C6C;
                [type='text'],[type='password']{text-indent: 30px;line-height: 40px;border: 1px solid #E0E0E0;width: 300px;height: 40px;border-radius: 3px;}
                .chk{
                    float: left;
                    [type='checkbox']{margin-right: 10px;}
                }
                .forget{float: right;color: #5889DD;}
                .button{width: 300px;border-radius: 5px;background: #FF4400;color: #FFFFFF;display: block;height: 35px;text-align: center;line-height: 35px;font-size: 16px;letter-spacing: 10px;box-shadow: 0px 1px 2px #DBDBDB;}
                .button:hover{background: #F22800;}
                .reg{margin-top: 20px;}
                u{padding: 0px 5px;cursor: pointer;}
                
            }
            .go{
                padding: 12px 0px 40px;width: 300px;line-height: 15px;border-bottom: 1px solid #EDEDED;overflow: hidden;
                p{
                    text-align: right;line-height: 24px;color: #b2b2b2;
                    a{width: 70px;height: 24px;display: inline-block;border: 1px solid #DADADA;background: #F7F7F7;color: #6C6C6C;border-radius: 2px;text-align: center;font-weight: 700;float:right;margin-left: 10px;}
                    a:hover{color: #5B3C3C;}
                }
            }
            .chkCode{
                [type='text']{width: 130px;}
                .code{color: #3C3C3C;}
                .code:hover{color: #FF4400;}
            }
        }
        .partner{
                padding-top: 17px;width: 300px;margin: 0 auto;
                p{line-height: 24px;}
                ul{
                    margin-top: 5px;width: 300px;height: 50px;
                    li{
                        width: 300px;height: 24px;display: block;float: left;background: url(../../Index/img/disanfang.png) no-repeat;
                        a{display: inline-block;float: left;height: 24px;}
                        .qq{width: 80px;}
                        .zhifubao{width: 100px;margin: 0px 10px;}
                        .sina{width: 90px;}
                    }
                }
            }
    }
}

#other{
    width: 998px;margin: 30px auto;height: 335px;padding: 0px 0px 30px;border: 1px solid #DCDCDC;
    .title{
        width: 998px;height: 35px;line-height: 35px;background: #FAFAFA;border-bottom: 1px solid #DCDCDC;position: relative;
        a{width: 270px;height: 30px;border-top: 2px solid #FF0000;height: 35px;display: block;position: absolute;top: -1px;left: -1px;text-align: center;color: #6C6C6C;font-weight: 700;font-size: 14px;background: #FFFFFF;border-left: 1px solid #DCDCDC;border-right:1px solid #DCDCDC}
    }
    ul{
        li{
            width: 163px;margin: 20px 0px 0px 12px;float: left;color: #6C6C6C;border: 1px solid #FFFFFF;padding:0px 10px 10px;
            p{
                width: 163px;
                a{
                    color: #6C6C6C;
                    img{
                        padding-left: 15px;width: 120px;height: 180px;
                    }
                    .brand{display: block;font-size: 13px;}
                }
                a:hover{color:#FF5B22;} 
            }
        }
        li:hover{border: 1px solid #DCDCDC;box-shadow: 0px 0px 10px #DCDCDC;}
    }
        
}
#bottom{
    width: 1000px;margin: 0 auto;text-align: center;color: #6C6C6C;padding: 20px 0px;
}
